<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--

/*
** Copyright (c) 2012 The Khronos Group Inc.
**
** Permission is hereby granted, free of charge, to any person obtaining a
** copy of this software and/or associated documentation files (the
** "Materials"), to deal in the Materials without restriction, including
** without limitation the rights to use, copy, modify, merge, publish,
** distribute, sublicense, and/or sell copies of the Materials, and to
** permit persons to whom the Materials are furnished to do so, subject to
** the following conditions:
**
** The above copyright notice and this permission notice shall be included
** in all copies or substantial portions of the Materials.
**
** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS.
*/

-->
<link rel="stylesheet" type="text/css" href="../unit.css" />
<script type="application/x-javascript" src="../unit.js"></script>
<script type="application/x-javascript" src="../util.js"></script>
<script type="application/x-javascript">

Tests.startUnit = function () {
    var canvas = document.getElementById('gl');
    var gl = wrapGLContext(getGLContext(canvas));
    gl.viewport(0,0,canvas.width,canvas.height);
    gl.clearColor(0,0,1,1);
    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
    gl.disable(gl.DEPTH_TEST);
    return [gl];
}

Tests.setup = function(gl) {
    var tex = gl.createTexture();
    gl.bindTexture(gl.TEXTURE_2D, tex);
    var texCubeMap = gl.createTexture();
    gl.bindTexture(gl.TEXTURE_CUBE_MAP, texCubeMap);
    return [gl]
}

Tests.teardown = function(gl, tex, texCubeMap) {
    gl.bindTexture(gl.TEXTURE_2D, null);
    gl.deleteTexture(tex);
    gl.bindTexture(gl.TEXTURE_CUBE_MAP, null);
    gl.deleteTexture(texCubeMap);
}

Tests.testTexImage2D = function(gl) {
    gl.enable(gl.BLEND);
    var img = document.getElementById('i');
    var c = document.getElementById('c');
    var ctx = c.getContext('2d');
    ctx.drawImage(img,0,0);
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
    var f = new Filter(gl, 'identity-flip-vert', 'identity-frag');
    gl.blendFunc(gl.ONE, gl.ZERO);
    f.apply();
    f.destroy();
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, c);
    f = new Filter(gl, 'identity-hflip-vert', 'identity-frag');
    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
    f.apply();
    f.destroy();
    var valid_targets = [
        gl.TEXTURE_2D,
        gl.TEXTURE_CUBE_MAP_POSITIVE_X,
        gl.TEXTURE_CUBE_MAP_NEGATIVE_X,
        gl.TEXTURE_CUBE_MAP_POSITIVE_Y,
        gl.TEXTURE_CUBE_MAP_NEGATIVE_Y,
        gl.TEXTURE_CUBE_MAP_POSITIVE_Z,
        gl.TEXTURE_CUBE_MAP_NEGATIVE_Z
    ];
    valid_targets.forEach(function(t) {
        assertOk(function(){gl.texImage2D(t, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, c);});
        assertOk(function(){gl.texImage2D(t, 1, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, c);});
    });
}

Tests.testTexImage2DNonSOP = function(gl) {
    var img = document.getElementById('i2');
    while (!img.complete) {}
    var c = document.getElementById('c');
    var ctx = c.getContext('2d');
    ctx.drawImage(img,0,0);
    assertThrowNoGLError(gl, "texImage2D with cross-origin image should throw exception.",
      function(){gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);});
    assertThrowNoGLError(gl, "texImage2D with dirty origin canvas should throw exception.",
      function(){gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, c);});
}

Tests.endUnit = function(gl) {
}

</script>
<script id="identity-flip-vert" type="x-shader/x-vertex">
attribute vec3 Vertex;
attribute vec2 Tex;

varying vec4 texCoord0;
void main()
{
    texCoord0 = vec4(Tex.s, 1.0-Tex.t, 0.0, 0.0);
    gl_Position = vec4(Vertex, 1.0);
}
</script>
<script id="identity-hflip-vert" type="x-shader/x-vertex">
attribute vec3 Vertex;
attribute vec2 Tex;

varying vec4 texCoord0;
void main()
{
    texCoord0 = vec4(1.0-Tex.s, Tex.t, 0.0, 0.0);
    gl_Position = vec4(Vertex, 1.0);
}
</script>
<script id="identity-frag" type="x-shader/x-fragment">
precision mediump float;

uniform sampler2D Texture;

varying vec4 texCoord0;
void main()
{
    vec4 c = texture2D(Texture, texCoord0.st);
    gl_FragColor = c;
}
</script>
</head><body>
<canvas id="gl" width="256" height="256"></canvas>
<canvas id="c" width="256" height="256"></canvas>
<img id="i" width="256" height="256"  src="">
<img id="i2" src="https://get.webgl.org/conformance-resources/thunderbird-logo-64x64.png">

</body></html>
